<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <title>手机版百度新闻</title>
    <link rel="stylesheet" type=" text/css" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" href="swiper/swiper-3.2.7.min.css"/>
    <link rel="stylesheet" href="phonebaidu.css"/>
</head>
<body>
<!--头部-->
<header>
    <nav class="navbar">
        <div class="container" id="logolt">
            <a href="https://www.baidu.com/" class="navbar-brand" id="logo1"></a>
            <a href="" id="logo2"></a>
            <a href="javascript:;" id="logo3"></a>
            <ul class="nav nav-pills pull-right">
                <li><a href="" id="logo4"></a></li>
                <li><a href="" id="logo5"></a></li>
            </ul>
        </div>
    </nav>
    <div class="container">
        <div class="row">
            <div class="col-xs-3 menufont">
                <b></b>
                <span class="border" id="rec">推荐</span>
            </div>
            <div class="col-xs-3 menufont">
                <b></b>
                <span id="fam">百家</span>
            </div>
            <div class="col-xs-3 menufont">
                <b></b>
                <span id="img">图片</span>
            </div>
            <div class="col-xs-3 menufont">
                <span id="res">社会</span>
            </div>
        </div>
    </div>

</header>
<article>
    <!-- 推荐列表-->
    <div class="recommendlist block">
        <div class="carousel slide imgarea" data-ride="carousel">

            <div class="carousel-inner" role="listbox">
                <div class="item active">
                    <img src="phone/timg.jpg">

                    <div class="carousel-caption">
                        <p>列车员报错站百余人下错车 寒夜滞留2小时</p>
                    </div>
                </div>

                <div class="item">
                    <img src="phone/timg (1).jpg">

                    <div class="carousel-caption">
                        <p>首尔遭遇15年来最低温 汉江结冰</p>
                    </div>
                </div>

                <div class="item">
                    <img src="phone/yu.png">

                    <div class="carousel-caption">
                        <p>百度钱包胡歌新年礼</p>
                    </div>
                </div>
                <div class="item">
                    <img src="phone/timg (2).jpg">

                    <div class="carousel-caption">
                        <p>航班因寒潮停顿 中国旅客大闹韩国机场</p>
                    </div>
                </div>
            </div>
            <ol class="carousel-indicators">
                <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                <li data-target="#carousel-example-generic" data-slide-to="3"></li>
            </ol>
        </div>
        <div class="hotlist">
            <div class="col-xs-1 hot">热点</div>
            <div class="col-xs-11 carnews">
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide"><a href="http://m.baidu.com/">房屋所有权<img src="phone/arrorw-right.png"/></a> </div>
                        <div class="swiper-slide"><a href="http://m.baidu.com/">上海迪士尼周边房价<img src="phone/arrorw-right.png"/></a></div>
                        <div class="swiper-slide"><a href="http://m.baidu.com/">习近平出访成果丰硕><img src="phone/arrorw-right.png"/></a></div>
                        <div class="swiper-slide"><a href="http://m.baidu.com/">春晚 六小龄童<img src="phone/arrorw-right.png"/></a></div>
                        <div class="swiper-slide"><a href="http://m.baidu.com/">最强寒潮来袭<img src="phone/arrorw-right.png"/></a></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="newslist">
            <a href="http://m.china.com.cn/baidu/doc_1_5_813693.html?bdnews_webapp=1" class="col-xs-12" target="_blank">
                <img src="phone/14538.JPEG" class="col-xs-4"/>

                <div class="col-xs-8">
                    <p>"女孩痛斥号贩子"视频热传 国家卫计委说话了</p>

                    <p>11秒钟前</p>
                </div>
            </a>
            <a href="http://m.china.com.cn/baidu/doc_1_5_813693.html?bdnews_webapp=1" class="col-xs-12" target="_blank">
                <img src="phone/ddf5.jpg" class="col-xs-4"/>

                <div class="col-xs-8">
                    <p>科比右肩伤病缺战小牛 无缘生涯与诺天王最后一战</p>

                    <p>13秒钟前</p>
                </div>
            </a>
            <a href="http://m.china.com.cn/baidu/doc_1_5_813693.html?bdnews_webapp=1" class="col-xs-12" target="_blank">
                <img src="phone/123.JPEG" class="col-xs-4"/>

                <div class="col-xs-8">
                    <p>曝马竞拒与托雷斯续约 德比战皇马再获利</p>

                    <p>17秒钟前</p>
                </div>
            </a>
            <a href="http://m.china.com.cn/baidu/doc_1_5_813693.html?bdnews_webapp=1" class="col-xs-12" target="_blank">
                <img src="phone/1000&fm=36 (1).jpg" class="col-xs-4"/>

                <div class="col-xs-8">
                    <p>亲华派阮富仲连任越共总书记 腾讯头条</p>

                    <p>20秒钟前</p>
                </div>
            </a>
            <a href="http://m.china.com.cn/baidu/doc_1_5_813693.html?bdnews_webapp=1" class="col-xs-12" target="_blank">
                <img src="phone/f93a50.jpg" class="col-xs-4"/>

                <div class="col-xs-8">
                    <p>世体：巴塞罗那将留下桑德罗 </p>

                    <p>30秒钟前</p>
                </div>
            </a>
        </div>
    </div>
    <!-- 百家列表-->
    <div class=" familieslist">
        <a class="col-xs-12" href="http://zhangguoren.baijia.baidu.com/article/309671" target="_blank">
            <p class="title">毕马威全球VC报告：资本寒冬下风投的钱都去哪儿了？</p>

            <div class="col-xs-4 first">
                <img src="phone/023.jpg"/>
            </div>
            <div class="col-xs-4 second">
                <img src="phone/c8.jpg"/>
            </div>
            <div class="col-xs-4 third">
                <img src="phone/730.jpg"/>
            </div>
            <p class="col-xs-11 time">1小时前</p>

            <p class="col-xs-1 vc">VC</p>
        </a>
        <a class="col-xs-12" href="http://zhangguoren.baijia.baidu.com/article/309671" target="_blank">
            <p class="title">苹果营收即将创下新高 但iPhone销量却面临首次下滑</p>

            <div class="col-xs-4 first">
                <img src="phone/0b55.jpg"/>
            </div>
            <div class="col-xs-4 second">
                <img src="phone/7aec.jpg"/>
            </div>
            <div class="col-xs-4 third">
                <img src="phone/1c95.jpg"/>
            </div>
            <p class="col-xs-10 time">1小时前</p>

            <p class="col-xs-2 vc">苹果公司</p>
        </a>
        <a class="col-xs-12" href="http://zhangguoren.baijia.baidu.com/article/309671" target="_blank">
            <p class="title">2016年六大移动安全威胁</p>

            <div class="col-xs-4 first">
                <img src="phone/b3119.jpg"/>
            </div>
            <div class="col-xs-4 second">
                <img src="phone/7c1ed.jpg"/>
            </div>
            <div class="col-xs-4 third">
                <img src="phone/06082.jpg"/>
            </div>
            <p class="col-xs-10 time">1小时前</p>

            <p class="col-xs-2 vc">手机安全</p>
        </a>
        <a class="col-xs-12" href="http://zhangguoren.baijia.baidu.com/article/309671" target="_blank">
            <p class="title">感情牌还能被电视真人秀玩多久？</p>

            <div class="col-xs-4 first">
                <img src="phone/1294.jpg"/>
            </div>
            <div class="col-xs-4 second">
                <img src="phone/c1794.jpg"/>
            </div>
            <div class="col-xs-4 third">
                <img src="phone/1594.jpg"/>
            </div>
            <p class="col-xs-10 time">2小时前</p>

            <p class="col-xs-2 vc">真人秀</p>
        </a>
        <a class="col-xs-12" href="http://zhangguoren.baijia.baidu.com/article/309671" target="_blank">
            <p class="title">iPhone 5se 解决不了苹果的增长问题</p>

            <div class="col-xs-4 first">
                <img src="phone/0ed09c.jpg"/>
            </div>
            <div class="col-xs-4 second">
                <img src="phone/ee80.jpg"/>
            </div>
            <div class="col-xs-4 third">
                <img src="phone/607cc1.jpg"/>
            </div>
            <p class="col-xs-10 time">2小时前</p>

            <p class="col-xs-2 vc">苹果公司</p>
        </a>
    </div>
    <!-- 图片列表-->
    <div class="imagelist">
        <a href="http://zhangguoren.baijia.baidu.com/article/309671" class="col-xs-12">
            <img src="phone/timg (3).jpg"/>

            <p class="col-xs-10 text">寒流来袭：台军利用降雪演练高寒地带作战</p>

            <p class="col-xs-2 scole"><span></span>19</p>
        </a>
        <a href="http://zhangguoren.baijia.baidu.com/article/309671" class="col-xs-12">
            <img src="phone/timg (4).jpg"/>

            <p class="col-xs-10 text">司机下车忘拉手刹 挡车被碾压</p>

            <p class="col-xs-2 scole"><span></span>71</p>
        </a>
        <a href="http://zhangguoren.baijia.baidu.com/article/309671" class="col-xs-12">
            <img src="phone/timg (5).jpg"/>

            <p class="col-xs-10 text">组图：探班春晚彩排 TFBOYS凤凰传奇等现身</p>

            <p class="col-xs-2 scole"><span></span>10</p>
        </a>
    </div>
    <!-- 社会列表-->
    <div class="societylist">
        <div class="carousel slide imgarea" data-ride="carousel">
            <div class="carousel-inner" role="listbox">
                <div class="item active">
                    <img src="phone/timg (4).jpg">

                    <div class="carousel-caption">
                        <p>司机下车忘拉手刹 挡车被碾压</p>
                    </div>
                </div>
                <div class="item">
                    <img src="phone/timg (6).jpg">

                    <div class="carousel-caption">
                        <p>陕西渣土车与轿车相撞3人亡</p>
                    </div>
                </div>
            </div>
            <ol class="carousel-indicators">
                <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                <li data-target="#carousel-example-generic" data-slide-to="1"></li>
            </ol>
        </div>
        <div class="hotlist">
            <div class="col-xs-1 hot">热点</div>
            <div class="col-xs-11 carnews">
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide"><a href="http://m.baidu.com/">警方通报孕妇死亡案<img src="phone/arrorw-right.png"/></a> </div>
                        <div class="swiper-slide"><a href="http://m.baidu.com/">南大碎尸案将查到底<img src="phone/arrorw-right.png"/></a></div>
                        <div class="swiper-slide"><a href="http://m.baidu.com/">准女婿开无犯罪证明<img src="phone/arrorw-right.png"/></a></div>
                        <div class="swiper-slide"><a href="http://m.baidu.com/">富士康员工杀17岁情人<img src="phone/arrorw-right.png" /></a></div>
                        <div class="swiper-slide"><a href="http://m.baidu.com/">留学生代购月赚10万<img src="phone/arrorw-right.png"/></a></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="newslist">
            <a href="http://m.china.com.cn/baidu/doc_1_5_813693.html?bdnews_webapp=1" class="col-xs-12" target="_blank">
                <img src="phone/201601.jpg" class="col-xs-4"/>

                <div class="col-xs-8">
                    <p>英男子挑战横跨南极失败死亡</p>

                    <p>12分钟前</p>
                </div>
            </a>
            <a href="http://m.china.com.cn/baidu/doc_1_5_813693.html?bdnews_webapp=1" class="col-xs-12" target="_blank">
                <img src="phone/0&fm=36.jpg" class="col-xs-4"/>

                <div class="col-xs-8">
                    <p>女子感情受挫 自家纵火自杀</p>

                    <p>13分钟前</p>
                </div>
            </a>
            <a href="http://m.china.com.cn/baidu/doc_1_5_813693.html?bdnews_webapp=1" class="col-xs-12" target="_blank">
                <img src="phone/1000&fm=36.jpg" class="col-xs-4"/>

                <div class="col-xs-8">
                    <p>奇葩寒假作业：1个月不碰电脑</p>

                    <p>1小时前</p>
                </div>
            </a>
            <a href="http://m.china.com.cn/baidu/doc_1_5_813693.html?bdnews_webapp=1" class="col-xs-12" target="_blank">
                <img src="phone/fa6.jpg" class="col-xs-4"/>

                <div class="col-xs-8">
                    <p>消防人员出动救200斤落水醉汉</p>

                    <p>23分钟前</p>
                </div>
            </a>
            <a href="http://m.china.com.cn/baidu/doc_1_5_813693.html?bdnews_webapp=1" class="col-xs-12" target="_blank">
                <img src="phone/550x369.jpg" class="col-xs-4"/>

                <div class="col-xs-8">
                    <p>六小龄童回应未上春晚:若春晚需要我义不容辞</p>

                    <p>1小时前</p>
                </div>
            </a>
        </div>

    </div>
</article>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="swiper/swiper-3.2.7.jquery.min.js"></script>
<script src="phonebaidu.js"></script>
</body>
</html>